/*样式重置(reset)*/
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,li,form,input,textarea,th,td,select,i,label,img {margin: 0px; padding: 0px;}
em{font-style: normal;}
li{list-style: none;}
a{text-decoration: none;}
img{border: none; vertical-align: top;}
table{border-collapse: collapse;}
input,textarea{outline: none;}
textarea{resize: none; overflow: auto;}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
    color: #666;
    background: #ffffff;
}

/* 导航条 */
#nav {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
    /*border-bottom: 1px solid #f2f2f2;*/
    padding: 10px;
    background-color:transparent;
    /**filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);*/
    background:transparent;
    background-color: rgba(255,255,255,0.30);
    z-index: 99;
}
.navbar { margin-bottom: 0px; }
a.navbar-brand { padding: 0px; }
#navbar-collapse ul.nav {
    margin-top: 0px;
    margin-right: 50px;
}
#navbar-collapse ul.nav li { margin:0px 15px; }
#navbar-collapse ul.nav li a {
    color: #ffffff;
    background: none;
    font-size: 16px;
    /*font-weight: bold;*/
}
#navbar-collapse ul.nav li a:hover {
    color: #d2d2d2;
}
#navbar-collapse ul.nav li.active a {
    color: #d2d2d2;
}

/*video*/
#video {
    margin: 0px;
    padding: 0px;
    /*cursor: pointer;*/
    position: relative;
}
#video .video-txt {
    position: absolute;
    bottom: 130px;
    right: 400px;
    color: #ffffff;
    text-align: right;
    opacity: 0;
}
#video .video-txt span {
    display: block;
    font-size: 30px;
}
#video .video-txt a {
    display: block;
    font-size: 25px;
    color: #ffffff;
    text-decoration: none;
}
#video .hudong {
    width: 200px;
    position: absolute;
    top: 50px;
    left: 500px;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    opacity: 1;
}
#video .hudong a {
    color: #f3f3f3;
}
#video .hudong a img{
    width: 28px;
}

#video .video-wrap {
    display: none;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: #000;
} 
#video .video-wrap .close2{
    display: block;
    width: 50px;
    height: 50px;
    /*font-size: 40px;*/
    position: absolute;
    background: url('../img/close.png');
    background-size:100% 100%;
    top: 70px;
    right: 10px;
    cursor: pointer;
    z-index: 9999;
}
#video .video-wrap .close2:hover{
    background: url('../img/close_hd.png');
}

.video {
    position: absolute;
    top: 70px;
    z-index: 1000;
}

/* 轮播 myCarousel */
#myCarousel {
    margin: 0px auto;
    background: #F3F3F3;
}
#myCarousel .tab {
    margin: 80px auto;
    /*text-align: center;*/
}
#myCarousel .tab .tab-txt { 
    margin: 0 auto; 
    padding: 0px 50px 0px 0px ;
}
#myCarousel .tab h2 {
    margin-top: 60px;
    margin-bottom: 30px;
    color: #3f4244;
}
#myCarousel .tab p {
    line-height: 30px;
    color: #7f7f7f;
    /*text-align: left;*/
}
#myCarousel a { background: none;}
#myCarousel a:hover { background: none;}
#prev {left: 1px;}
#next {right: 1px;}

/*email*/
.email { text-align: center; }
.email .email-h2 {
    margin-top: 90px;
    margin-bottom: 60px;
    color: #131316;
}
.email .email-p {
    line-height: 30px;
    margin-bottom: 60px;
    color: #8b8b8b;
}
.email .email-p span {
    font-size:1.2em;
    font-weight:bold;
    color:#131316;
}
.email form input,.email form textarea {
    background-color: #f3f3f3;
    margin-bottom: 25px;
    border-color: #f3f3f3;
    color: #1e1e1e;
    /*box-shadow:0px 0px 10px #f3f3f3;*/
}
.email form button {
    background-color: #fa5c58;
    color: #ffffff;
    margin-bottom: 10px;
    min-height: 36px;
    position: relative;
}
.email form button img {
    position: absolute;
    display: none;
    top:0px;
}
/*.email form button.active { background-color: #b54542; }*/


/*footer*/
#footer {
    text-align: center;
    /*margin-top: 30px;*/
}
#footer .foot-top {
    background: url("../img/footer_bg.png") no-repeat center top scroll transparent;
    background-size: 100% 100%;
    margin-top: 50px;
    color: #ffffff;
}
#footer .foot-top h3 {
    margin-top: 70px;
    margin-bottom: 20px;
}
#footer .foot-top p {
    margin-bottom: 20px;
}
#footer .foot-top img {
    margin-bottom: 20px;
}
#footer .foot-top a {
    border-radius: 20px;
    margin-bottom: 10px;
    background: #8557ea;
    color: #ffffff;
    padding: 5px 20px;
}
#footer .foot-bottom {
    padding: 30px 0px;
    background: #0f0f14;
}
#footer .foot-bottom a { color: #8557ea; }






/* 手机应用 */
@media (max-width: 768px) {
    /*nav*/
    #nav {
        height: 50px;
    }
    #nav img {
        width: 90px;
        margin-left: 1em;
    }
    #nav button {
        margin-top: 0px;
        margin-right: 1.5em;
    }
    #nav .container {
        padding: 0px;
    }
    #navbar-collapse {
        padding: 0px;
    }
    #navbar-collapse.in {
        overflow: unset;
    }
    #navbar-collapse ul.nav {
        margin: 0px;
        padding-bottom: 15px;
        background-color:transparent;
        /**filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);*/
        background:transparent;
        background-color: rgba(255,255,255,0.30);
    }
    #navbar-collapse ul.nav li {
        height: 2em;
    }
    /*video*/
    #video .video-txt {
        position: absolute;
        bottom: 10px;
        left: -300px;
    }
    #video .video-txt span {
        font-size: 18px;
    }
    #video .video-txt a {
        font-size: 14px;
    }
    #video .hudong {
        top: 0px;
        font-size: 14px;
    }
    #video .hudong a img{
        width: 18px;
    }
    #video .video-wrap video{
        position: absolute;
        /*top: 100px !important;*/
    }
    #video .video-wrap .close2{
        width: 30px;
        height: 30px;
        /*top: 100px;*/
    }


    .video {
        padding: 0;
        left: 0px !important;
    }
    .video #willesPlay{
        width: 100%;
    }
    .playHeader {
        display: none;
    }
    #willesPlay .playControll .timebar .progress{
        width: 55%;
        margin-left: 35px;
    }



    /* 轮播 myCarousel */
    #myCarousel {
        padding: 0 2.5em 0 3em;
    }
    #myCarousel .tab {
        margin: 20px auto;
    }
    #myCarousel .tab .tab-txt { 
        margin: 0 auto; 
        padding: 0px 30px 0px 0px ;
    }
    #myCarousel .tab h2 {
        margin-top: 20px;
        margin-bottom: 10px;
        /*text-align: center;*/
        font-size: 18px;
    }
    #myCarousel .tab p {
        line-height: 20px;
        font-size: 14px;
    }
    /*email*/
    .email .email-h2 {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .email .email-p {
        line-height: 25px;
        margin-bottom: 20px;
        text-align: left;
    }
    .email form input,.email form textarea {
        margin-bottom: 10px;
    }
    /*footer*/
    #footer .foot-top {
        margin-top: 0px;
    }
    #footer .foot-top h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #footer .foot-top p {
        margin-bottom: 10px;
    }
    #footer .foot-top img {
        margin-bottom: 10px;
    }
    #footer .foot-top a {
        border-radius: 20px;
        margin-bottom: 10px;
        padding: 5px 20px;
    }
}

/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) and (max-width: 979px){
    /*nav*/
    #nav {
        height: auto;
    }
    #nav img {
        width: auto;
        margin-left: 1em;
    }
    #navbar-collapse ul.nav {
        margin: 0px;
        padding-bottom: 15px;
        background-color:transparent;
        /**filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF);*/
        /*background:transparent;
        background-color: rgba(255,255,255,0.30);*/
    }
    /*video*/
    #video .video-txt {
        bottom: 20px;
    }
    #video .video-txt span {
        font-size: 20px;
    }
    #video .video-txt a {
        font-size: 16px;
    }
    /* 轮播 myCarousel */
    #myCarousel .tab h2 {
        margin-top: 60px;
        margin-bottom: 20px;
        text-align: left;
    }
    #myCarousel .tab p {
        line-height: 30px;
        text-align: left;
    }
}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 980px) and (max-width: 1200px){
    /*video*/
    #video .video-txt {
        bottom: 30px;
    }
}

/* 大屏幕（桌面显示器，大于等于1200px） */
@media (min-width: 1200px)and (max-width: 1300px){
    /*video*/
    #video .video-txt {
        bottom: 100px;
    }
}
/* 超大屏幕（桌面显示器，大于等于1600px） */
@media (min-width: 1300px){
    /*video*/
    #video .video-txt {
        bottom: 150px;
    }
}